<header class="bar bar-nav to-padding-top">
    <a class="icon icon-left pull-left external" href="javascript:app.backLastPosition()"></a>
    <h1 class='title'>我的团</h1>
    <i class="fa fa-ellipsis-v pull-right"  ng-click="changeFilterStatus(2)"></i>
</header>

<div  class="content pull-to-refresh-content infinite-scroll all-content" data-distance="100" data-ptr-distance="55" ng-init="">
    <!-- 默认的下拉刷新层 -->
    <div class="pull-to-refresh-layer">
        <div class="preloader"></div>
        <div class="pull-to-refresh-arrow"></div>
    </div>

    <!-- 下面是正文 -->
    <div class="card demo-card-header-pic" ng-repeat="group in groupList" ng-click="$parent.turnDetail(group,'my-group.html','#my-all-group')">
        <div valign="bottom" class="card-header color-white no-border no-padding">
            <img class='card-cover' ng-src="{{group.imgSrc[0]}}" alt="">
        </div>
        <div class="card-content">
            <div class="card-content-inner">
                <p class="color-gray">发团于 {{group.groupInitTime | date:'yyyy-MM-dd HH:mm:ss'}}</p>
                <p>{{group.groupSynopsis}}.</p>
            </div>
        </div>
        <div class="card-footer">
            <p class="h30">团人数：{{group.groupNowNumber}}/{{group.groupTargetNumber}}</p>
            <p class="h30">团状态：{{group.groupStatus | beToGroupStatus}}</p>
        </div>
    </div>

    <!-- 加载提示符 -->
    <div class="infinite-scroll-preloader">
        <div class="preloader"></div>
    </div>
</div>

<div class="buttons-tab to-padding-top">
    <a class="button active" href="my-group.html#my-all-group">
        <span class="tab-label">所有的团</span>
    </a>
    <a class="button" href="my-group.html#my-joined-group">
        <span class="tab-label">我参与的团</span>
    </a>
    <a class="button" href="my-group.html#my-init-group">
        <span class="tab-label">我发起的团</span>
    </a>
</div>
<div ng-init="suiMobileInit();showUserInitGroups(false,false,2);"></div>